@charset "UTF-8";
html, body { height: 100%; }

/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body { font-family: "Microsoft YaHei"; font-size: 14px; color: #333; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }

.clearfix:after { display: table; content: " "; clear: both; }

img { border: none; vertical-align: middle; }

a { text-decoration: none; color: #232323; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a:link { text-decoration: none; }

table { border-collapse: collapse; table-layout: fixed; }

input, textarea { outline: none; border: none; }

textarea { resize: none; overflow: auto; }

text-center { text-align: center; }

text-right { text-align: right; }

/** TODO 公用背景图**/
.runmi-icon { background-image: url(../i/icon.png); background-repeat: no-repeat; background-repeat: no-repeat; }

.locale-icon { background-image: url(../i/locale.png); background-repeat: no-repeat; width: 10px; height: 16px; display: inline-block; vertical-align: middle; }

/**  TODO 雪碧图position**/
.errer-icon { background-position: -80px -30px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 4px; }

.arrow-right { background-position: -474px -32px; width: 10px; height: 12px; display: inline-block; vertical-align: middle; }

.datetimepicker-icon { position: absolute; right: 4px; top: 8px; background-position: -469px -118px; width: 17px; height: 17px; }

/**  TODO layer弹窗样式**/
body .layui-layer { border-radius: 6px; overflow: hidden; }

body .layui-layer .layui-layer-title { background: #fff; }

body .layui-layer .layui-layer-btn { text-align: center; }

body .layui-layer .layui-layer-btn > a { width: 80px; height: 30px; line-height: 30px; color: #fff; border-radius: 4px; text-align: center; }

body .layui-layer .layui-layer-btn .layui-layer-btn0 { background: #f9704d; border-color: #f9704d; }

body .layui-layer .layui-layer-btn .layui-layer-btn1 { background: #39a5f0; border-color: #39a5f0; }

body { font-family: "微软雅黑"; background-size: 100% 100%; overflow: hidden; }

.runmi-logo { background-image: url(../i/runmi-logo.png); background-repeat: no-repeat; }

.login-logo { background-image: url(../i/login-logo.png); background-repeat: no-repeat; }

.main { width: 380px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.main .copyright { color: #fff; padding-top: 36px; }

.runmi-logo { width: 137px; height: 54px; position: fixed; left: 60px; top: 50px; }

.runmi-login-bg { height: 100%; }

.runmi-login-bg > div { height: 25%; background-size: 100% 100%; }

.runmi-login-bg .bg-01 { background-image: url(../i/bg-1.jpg);  }

.runmi-login-bg .bg-02 { background-image: url(../i/bg-2.jpg);}

.runmi-login-bg .bg-03 { background-image: url(../i/bg-3.jpg); }

.runmi-login-bg .bg-04 { background-image: url(../i/bg-4.jpg); background-repeat: no-repeat; }

.login-box { height: 410px; background: rgba(60, 52, 92, 0.6); border-radius: 10px; padding-top: 40px; }

.login-box .login-from { position: relative; }

.login-box .submit-err-text { color: #a94442; position: absolute; left: 0; top: -10px; line-height: 20px; }

.login-box .submit-err-text span { display: inline-block; vertical-align: middle; }

.login-box .login-logo { width: 70px; height: 70px; margin: 0 auto; }

.login-box .login-from { width: 306px; margin: 0 auto; padding-top: 20px; }

.login-box .title { line-height: 60px; font-size: 24px; color: #fff; }

.login-box .form-group { position: relative; margin-bottom: 20px; }

.login-box .form-group .form-control { background: transparent; padding-left: 40px; color: #fff; }

.login-box .form-group.has-error { margin-bottom: 4px; }

.login-box .user-icon { background-position: -80px -64px; }

.login-box .psd-icon { background-position: -80px -100px; }

.login-box .from-icon { width: 17px; height: 17px; position: absolute; left: 16px; top: 8px; display: inline-block; }

.login-box .login-btn { text-align: center; padding-top: 10px; }

.login-box .login-btn .btn { width: 246px; line-height: 36px; background: #f9704d; color: #fff; border-radius: 20px; padding: 0; }
